
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=90%,height=100%,initial-scale=1.0,user-scalable=no">
	<title>Customer Service</title>
	<style>
	 .woot-widget-bubble.woot-elements--right{
	    position: fixed !important;
	    top: 30%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	  }
	  @supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
	      .bg-white {
	          background-color:rgb(255 255 255 / var(--tw-bg-opacity));
	          position: fixed;
	          bottom: 10%;
	          width: 90%;
	      }
	  }
	  .chat{
		  margin: 30px;
		  font-size: 28px;
		  color: "#333333";
		  
	  }
	</style>
</head>
<body>
	<div class="chat">Click on the icon below to start chatting</div>
</body>
</html>

<script>
  (function(d,t) {
    var BASE_URL="http://52.0.39.212:3000";
    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=BASE_URL+"/packs/js/sdk.js";
    g.defer = true;
    g.async = true;
    s.parentNode.insertBefore(g,s);
    g.onload=function(){
      window.chatwootSDK.run({
        websiteToken: '8hHz6U2ZLJZQYc4nqKbGoFFE',
        baseUrl: BASE_URL
      })
    }
  })(document,"script");
</script>